<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML>
<html>
<head>

<title>框架页</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<link href="<%=basePath%>assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="<%=basePath%>assets/css/font-awesome.min.css" rel="stylesheet"/>
<link href="<%=basePath%>assets/css/beyond.min.css" rel="stylesheet"/>
<script src="<%=basePath%>assets/js/html5shiv.min.js"></script>
<script src="<%=basePath%>assets/js/respond.min.js"></script>
<script src="<%=basePath%>assets/js/jquery-1.10.1.min.js"></script>
<script src="<%=basePath%>assets/js/bootstrap.min.js"></script>
<script src="<%=basePath%>assets/js/index.js"></script>
<script src="<%=basePath%>assets/js/roleRefresh.js"></script>
</head>

<body>
	<div class="loading-container">
		<div class="loading-progress">
			<div class="rotator">
				<div class="rotator">
					<div class="rotator colored">
						<div class="rotator">
							<div class="rotator colored">
								<div class="rotator colored"></div>
								<div class="rotator"></div>
							</div>
							<div class="rotator colored"></div>
						</div>
						<div class="rotator"></div>
					</div>
					<div class="rotator"></div>
				</div>
				<div class="rotator"></div>
			</div>
			<div class="rotator"></div>
		</div>
	</div>
	<div class="navbar">
		<div class="navbar-inner">
			<div class="navbar-container">
				<div class="navbar-header pull-left">
					<a href="#" class="navbar-brand"> <small> </small> </a>
					 <small>
                    	<img src="../assets/img/new_neiwang_logo.png" alt="" height="60px" style="margin-top: 2px;">
                	 </small>
				</div>
				<div class="sidebar-collapse" id="sidebar-collapse">
					<i class="collapse-icon fa fa-bars"></i>
				</div>
				<div class="navbar-header pull-right">
					<div class="navbar-account">
						<ul class="account-area">
							<li><a class="login-area dropdown-toggle"
								data-toggle="dropdown">
									<div class="avatar" style="border-left:0px;">
										<img src="../assets/img/13.png">
									</div>
									<section>
										<h2>
											<span class="profile"><span>${userName }</span>
											</span>
										</h2>
									</section> </a>
								<ul
									class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
									<li class="theme-area">
										<ul class="colorpicker" id="skin-changer">
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#5DB2FF;"
												rel="../assets/css/skins/blue.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#2dc3e8;"
												rel="../assets/css/skins/azure.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#03B3B2;"
												rel="../assets/css/skins/teal.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#53a93f;"
												rel="../assets/css/skins/green.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#FF8F32;"
												rel="../assets/css/skins/orange.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#cc324b;"
												rel="../assets/css/skins/pink.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#AC193D;"
												rel="../assets/css/skins/darkred.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#8C0095;"
												rel="../assets/css/skins/purple.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#0072C6;"
												rel="../assets/css/skins/darkblue.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#585858;"
												rel="../assets/css/skins/gray.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#474544;"
												rel="../assets/css/skins/black.min.css"></a>
											</li>
											<li><a class="colorpick-btn" href="javascript:void(0);"
												style="background-color:#001940;"
												rel="../assets/css/skins/deepblue.min.css"></a>
											</li>
										</ul></li>
									<li class="dropdown-footer">
										<button type="button" class="btn btn-blue btn-xs" onclick="logout()">退出
										</button></li>
								</ul></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="main-container container-fluid">
		<div class="page-container">
			<div class="page-sidebar" id="sidebar">
				<div class="sidebar-header-wrapper">
					<input type="text" class="searchinput" /> <i
						class="searchicon fa fa-search"></i>
				</div>
				<ul class="nav sidebar-menu">
					<c:forEach var="bar" items="${barlist }">
							<li><a href="javascript:void(0);" class="menu-dropdown"
						id="${bar.functionCode }"> <i class="menu-icon fa fa-desktop"></i> <span
							class="menu-text">${bar.functionName }</span> <i class="menu-expand"></i> </a>
							<c:forEach var="barchild" items="${barchildrenlist }">
								<c:if test="${barchild.perent_id==bar.functionId }">
									<ul class="submenu">
										<li><a href="javascript:void(0)" class="menu-dropdown">
												<span class="menu-text" id="${barchild.functionCode }">${barchild.functionName }</span> </a></li>
										</ul>
								</c:if>
								
							</c:forEach>
							</li>
					</c:forEach>
				</ul>
			</div>
			<div class="page-content">
				<div class="page-breadcrumbs">
					<ul class="breadcrumb">
						<li><i class="fa fa-home"></i> <a href="#">首页</a></li>
					</ul>
				</div>
				<div class="page-body">
					<div class="row">
						<div class="col-lg-12 col-sm-12 col-xs-12">
							<div class="row">
								<div class="col-lg-12 col-sm-12 col-xs-12">
									<div class="widget  radius-bordered" id="center"></div>
									<div class="horizontal-space"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<script src="../assets/js/skins.min.js"></script>
	<script src="../assets/js/beyond.min.js"></script>
</body>
</html>
